import React from 'react'
import { Navbar,Nav,Grid,Row,Col,NavItem ,Panel} from 'react-bootstrap'
import {HashRouter as Router, Route, Link} from 'react-router-dom'
import List from '../../components/List'

class Home extends React.Component{
    constructor(props){
        super(props)
    }
    componentDidMount(){

    }
    render(){
        const element =  (
            <Router>
                <div>
            <Grid fluid>
                <Row>
            <Navbar inverse collapseOnSelect>
                <Navbar.Header>
                    <Navbar.Brand>
                        <a href="#">系统平台</a>
                    </Navbar.Brand>
                    <Navbar.Toggle />
                </Navbar.Header>
                <Navbar.Collapse>
                    <Nav>
                        <NavItem eventKey={1} ></NavItem>
                    </Nav>
                    <Nav pullRight>
                        <NavItem eventKey={2} >关于我们</NavItem>
                    </Nav>
                </Navbar.Collapse>
            </Navbar>
                </Row>
            </Grid>
                <Grid>
                <Row>
                    <Col md={12}>
                        <Route exact path='/' component={Index}></Route>
                    </Col>
                </Row>
                </Grid>
                </div>
            </Router>
        );
        return element
    }
}
const Index=()=>(<div>
    <Panel header="任务管理">
        <List/>
    </Panel>
</div>)
export default Home